<template>
  <div>
    <el-cascader
      v-model="value"
      :props="{
        value: 'code',
        label: 'name',
      }"
      :options="area3"
      @change="handleChange"
    ></el-cascader>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
import { area3 } from "/@ts/components/selectArea/san_ji";

const value = ref("");
const state = reactive({});
const emit = defineEmits(["handleChange"]);

const handleChange = (value: any) => {
  emit("handleChange", value);
};
</script>

<style scoped lang="scss"></style>
